@charset "utf-8";
/*-----------------------导航样式----------------------------*/
/*-----------------------菜单样式----------------------------*/
.xnHeader #nav { width:100%; height:50px; background:#981d32; font-size:12px; }
.xnHeader .nav { width:1200px; margin:0px auto; height:50px; font-family:"微软雅黑", "黑体"; position:relative; z-index:20}
.xnHeader .nav a { text-decoration:none }
.xnHeader .nav-r { width: 172px; height: 50px; line-height: 50px; text-align: center; float: right; margin-top: 6px; }
.xnHeader .nav-r a { width: 172px; height: 50px; line-height: 50px; background:url(../images/menu_search.jpg) no-repeat center top; color: #ffffff; display: block; font-size: 16px; }
.xnHeader .nav-ul { width:750px; float:left; }
.xnHeader .nav-ul li { width:183px; line-height:50px; float:left; font-size:17px; color:#fff; position:relative; height:50px; overflow:hidden; background:url(../images/nav_right.jpg) no-repeat right top;font-family:"微软雅黑", "黑体"; }
.xnHeader .nav-ul li a { width:183px; text-align:center; color:#fff; height:50px; display:block; text-decoration:none; }
.xnHeader .nav-ul span { position: absolute; left: 0; width: 117px; cursor:pointer; }
.xnHeader .nav-ul .out { top:0px; width:183px; height:50px; line-height:50px; color:#fff; text-align:center; }
.xnHeader .nav-ul .over { top:-50px; width:179px; height:50px; line-height:50px; text-align:center; color:#fff; background:#690e1d; }
.xnHeader .nav-l { width:230px; height:50px; float:left; position:relative; z-index:98; background:#690e1d;}
.xnHeader .nav-l-span { height:50px; line-height:50px; padding-left:17px; display:block; font-size:18px; color:#fff; position: relative; padding-left:55px;letter-spacing:1px;}
.xnHeader .nav-l-span i { width:15px; height:15px; position:absolute; top:18px; right:25px; display:block; background:url(../images/pic-png.png) no-repeat; *_background:none;
-webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; -ms-transition: -moz-transform 0.3s ease-out; -o-transition: -moz-transform 0.3s ease-out; transition: transform 0.4s ease-out; }
.xnHeader .nav-l-span:hover i { background:url(../images/pic-png-hover.png) no-repeat; }
.xnHeader .nav-l-hover i { background:url(../images/pic-png-hover.png) no-repeat; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.xnHeader .nav-l-hover { background:#690e1d; }
.xnHeader .nav-submenu { width:229px; position:absolute; left:0px; top:50px; z-index:98; overflow:hidden; background:#FFF; }
.xnHeader .nav-submenu-xl { width:869px; height:472px; position:absolute; left:229px; top:50px; z-index:999; }
/*-----------------------二级菜单样式----------------------------*/
.xnHeader #submenu { border-right:1px solid #f1f1f1; position:relative; }
.xnHeader .submenu1 { width:230px; height:154px; padding-left:3px; padding-top:10px; padding-bottom:2px; border-bottom:1px solid #e5e5e5; background:#fff; position:absolute; left:0px; bottom:0px; _top:-105px; }
.xnHeader #submenu1 { z-index:999; }
.xnHeader #submenu2 { z-index:998; }
.xnHeader #submenu3 { z-index:997; }
.xnHeader #submenu4 { z-index:996; }
.xnHeader .submenu1 h3 { padding-left:50px; height:25px; margin-bottom:7px; line-height:25px; font-family:"微软雅黑", "黑体";  font-size:16px; }
.xnHeader .submenu1 h3 a { display:block; color:#000; text-decoration:none; }
.xnHeader .submenu1-t1 { background:url(../images/ico.jpg) 18px -0px no-repeat; }
.xnHeader .submenu1-t2 { background:url(../images/ico.jpg) 18px -25px no-repeat; }
.xnHeader .submenu1-t3 { background:url(../images/ico.jpg) 18px -50px no-repeat; }
/*.xnHeader .submenu1-t4 { background:url(../images/ico.jpg) 18px -162px no-repeat; }
.xnHeader #submenu1-t5 { background:url(../images/ico.jpg) 18px -187px no-repeat; }*/
.xnHeader .submenu1 ul { padding-left:15px;}
.xnHeader .submenu1 li { float:left; width:33%;}
.xnHeader .submenu1 li a { line-height:24px; margin-right:4px; padding:3px 5px; border-radius:2px; color:#000; }
.xnHeader .submenu1:hover li a { color:#fff; }
.xnHeader .submenu1 li a:hover { color:#690e1d; text-decoration:none; -webkit-transition: all .3s linear 0s;
-moz-transition: all .3s linear 0s;
-ms-transition: all .3s linear 0s;
outline: none; star:expression(this.onFocus=this.blur());
background:#fff; }
.xnHeader .submenu1-hover { padding-left:0px; padding-top:7px; border:3px solid #690e1d; padding-bottom:0px; border-right:0px; background:#690e1d; }
.xnHeader .submenu1-hover h3 { border:none; padding:0px; padding-left:50px; }
.xnHeader .submenu1-hover h3 a { text-decoration:none; color:#fff; }
.xnHeader .submenu1-hover h3 a:hover { color:#fff; }
.xnHeader .submenu1-hover a { color:#fff; }
.xnHeader .submenu1-hover li a { color:#fff; }
.xnHeader .submenu1-hover .submenu1-t1 { background:url(../images/ico2.jpg) 18px -0px no-repeat; }
.xnHeader .submenu1-hover .submenu1-t2 { background:url(../images/ico2.jpg) 18px -25px no-repeat; }
.xnHeader .submenu1-hover .submenu1-t3 { background:url(../images/ico2.jpg) 18px -50px no-repeat; }
/*.xnHeader .submenu1-hover .submenu1-t4 { background:url(../images/ico2.jpg) 18px -162px no-repeat; }
.xnHeader .submenu1-hover #submenu1-t5 { background:url(../images/ico2.jpg) 18px -187px no-repeat; }*/
/*-----------------------三级菜单样式----------------------------*/

.xnHeader .xl-menu { width:970px; height:496px; border:3px solid #690e1d; overflow:hidden; background:#fff; color:#3f3f3f; }
.xnHeader .xl-menu-l { width:670px; height:auto; overflow:hidden; float:left; position:relative; }
.xnHeader .xl-menu-l img{ margin-top:10px;}
#syulk {width:620px; height:450px;padding:10px 20px;}
#syulk1 {width:620px; height:450px;padding:20px 20px;}
.xnHeader .xl-menu-l li { width:640px; height:auto; float:left;border-bottom:1px solid #dfdfdf; padding:12px 0px; }
.xnHeader .xl-menu-l li .Project { width:80px; height:auto; font-size:14px; float:left; color:#690e1d; padding-top:2px; }
.xnHeader .xl-menu-l li .Project a{  color:#690e1d; font-weight:bold }
.xnHeader .xl-menu-l li .Project_1 { width:560px; height:auto; font-size:12px; float:left; color:#000; }
.xnHeader .xl-menu-l li .Project_1 li { width:auto; height:25px; margin:0px 8px; line-height:20px; font-size:12px; float:left; border:0px; line-height:25px; padding:0px; }
.xnHeader .xl-menu-l li .Project_1 li a { color:#000; text-decoration:none; }
.xnHeader .xl-menu-l li .Project_1 li a:hover { color:#690e1d; }
.xnHeader .xl-menu-l li .Project_1 li .b5004f { color:#986d04; }

.xnHeader .xl-menu-l #syulk1 li { width:640px; height:auto; float:left;border-bottom:1px solid #dfdfdf; padding:12px 0px; }
.xnHeader .xl-menu-l #syulk1 li .Project { width:80px; height:auto; font-size:14px; float:left; color:#690e1d; padding-top:2px; }
.xnHeader .xl-menu-l #syulk1 li .Project a{  color:#690e1d; font-weight:bold }
.xnHeader .xl-menu-l #syulk1 li .Project_1 { width:560px; height:auto; font-size:12px; float:left; color:#000; }
.xnHeader .xl-menu-l #syulk1 li .Project_1 li { width:auto; height:25px; margin:0px 8px; line-height:20px; font-size:12px; float:left; border:0px; line-height:25px; padding:0px; }
.xnHeader .xl-menu-l #syulk1 li .Project_1 li a { color:#000; text-decoration:none; }
.xnHeader .xl-menu-l #syulk1 li .Project_1 li a:hover { color:#690e1d; }
.xnHeader .xl-menu-l #syulk1 li .Project_1 li .b5004f { color:#986d04; }
.xnHeader .xl-menu-r { width:264px; float:right; margin-right:8px; padding-top:8px; display:inline; }
.xnHeader .xl-menu-r1 { height:420px; }

.xnHeader .xl-menu-r1-t { height:35px; line-height:35px;font-family:"微软雅黑", "黑体"; font-size:16px; color:#91253b; }
/*.xnHeader .xl-menu-r2 { }
.xnHeader .xl-menu-r2-t { line-height:32px; font-family:"微软雅黑", "黑体"; font-size:16px; color:#91253b; border-top:1px #CCCCCC solid;}
.xnHeader .xl-menu-r1-c { width:211px; height:117px;margin-bottom: 15px; border-bottom:1px solid #dfdfdf; overflow:hidden; position:relative;}
.xnHeader .xl-menu-r1-c p{width:211px; height:25px; line-height:25px; color:#91253b;text-decoration:none; text-align:center; position:absolute; left:0px; bottom:0px; background:#fff; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; display:block; font-size:14px;display:block; }
.xnHeader .xl-menu-r1-c a{ width:211px; height:117px;display:block;}*/



.xnHeader .xl-menu-r1-d{width:263px; height:416px;position:relative;}
.xnHeader .xl-menu-r1-d .bt{ width:70px; height:20px; float:right; position:absolute; top:0px; left:210px; }
.xnHeader .xl-menu-r1-d .bt .Roll_butt { width:130px; height:10px; float:left; overflow:hidden;  padding-top:10px; }
.xnHeader .xl-menu-r1-d .bt .Roll_butt .dian{ width:130px; height:10px; overflow:hidden;  margin:0px auto;}
.xnHeader .xl-menu-r1-d .bt .Roll_butt a { width:16px; height:10px; background:url(../images/Sub_qwzj_rollbutt.png) 1px 0px; no-repeat;
display:block; float:left; _background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}
.xnHeader .xl-menu-r1-d .bt .Roll_butt a:hover { background:url(../images/Sub_qwzj_rollbutt.png) 15px 0px; no-repeat;_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}
.xnHeader .xl-menu-r1-d .bt .Roll_butt .a1 { background:url(../images/Sub_qwzj_rollbutt.png) 15px 0px; no-repeat;_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}



.xnHeader .xl-menu-r1-d2{width:263px; height:416px;position:relative;}
.xnHeader .xl-menu-r1-d2 .bt{ width:70px; height:20px; float:right; position:absolute; top:0px; left:200px; }
.xnHeader .xl-menu-r1-d2 .bt .Roll_butt { width:130px; height:10px; float:left; overflow:hidden;  padding-top:10px; }
.xnHeader .xl-menu-r1-d2 .bt .Roll_butt .dian{ width:130px; height:10px; overflow:hidden;  margin:0px auto;}
.xnHeader .xl-menu-r1-d2 .bt .Roll_butt a { width:16px; height:10px; background:url(../images/Sub_qwzj_rollbutt.png) 1px 0px; no-repeat;
display:block; float:left; _background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}
.xnHeader .xl-menu-r1-d2 .bt .Roll_butt a:hover { background:url(../images/Sub_qwzj_rollbutt.png) 15px 0px; no-repeat;_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}
.xnHeader .xl-menu-r1-d2 .bt .Roll_butt .a1 { background:url(../images/Sub_qwzj_rollbutt.png) 15px 0px; no-repeat;_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}



.xnHeader .xl-menu-r1-d3{width:263px; height:416px;position:relative;}
.xnHeader .xl-menu-r1-d3 .bt{ width:70px; height:20px; float:right; position:absolute; top:0px; left:210px; }
.xnHeader .xl-menu-r1-d3 .bt .Roll_butt { width:130px; height:10px; float:left; overflow:hidden;  padding-top:10px; }
.xnHeader .xl-menu-r1-d3 .bt .Roll_butt .dian{ width:130px; height:10px; overflow:hidden;  margin:0px auto;}
.xnHeader .xl-menu-r1-d3 .bt .Roll_butt a { width:16px; height:10px; background:url(../images/Sub_qwzj_rollbutt.png) 1px 0px; no-repeat;
display:block; float:left; _background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}
.xnHeader .xl-menu-r1-d3 .bt .Roll_butt a:hover { background:url(../images/Sub_qwzj_rollbutt.png) 15px 0px; no-repeat;_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}
.xnHeader .xl-menu-r1-d3 .bt .Roll_butt .a1 { background:url(../images/Sub_qwzj_rollbutt.png) 15px 0px; no-repeat;_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}




/*.xnHeader .xl-menu-r1-d4{width:211px; height:251px;position:relative;}
.xnHeader .xl-menu-r1-d4 .bt{ width:70px; height:20px; float:right; position:absolute; top:0px; left:140px; }
.xnHeader .xl-menu-r1-d4 .bt .Roll_butt { width:130px; height:10px; float:left; overflow:hidden;  padding-top:10px; }
.xnHeader .xl-menu-r1-d4 .bt .Roll_butt .dian{ width:130px; height:10px; overflow:hidden;  margin:0px auto;}
.xnHeader .xl-menu-r1-d4 .bt .Roll_butt a { width:16px; height:10px; background:url(../images/Sub_qwzj_rollbutt.png) 1px 0px; no-repeat;
display:block; float:left; _background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}
.xnHeader .xl-menu-r1-d4 .bt .Roll_butt a:hover { background:url(../images/Sub_qwzj_rollbutt.png) 15px 0px; no-repeat;_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}

.xnHeader .xl-menu-r1-d4 .bt .Roll_butt .a1 { background:url(../images/Sub_qwzj_rollbutt.png) 15px 0px; no-repeat;_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader(src='../images/Sub_qwzj_rollbutt.png', sizingMethod='crop');}


.xnHeader .xl-menu-r2-c { width:208px; height:auto; }
.xnHeader .xl-menu-r2-c span { width:196px; line-height:20px; float:left; padding-left:14px; background:url(../images/nav_sjfh.jpg) no-repeat 5px 6px; font-size:12px;}
*/




/*-----------------------三级菜单图片特效样式----------------------------*/
.xl-menu-r1 .mod_goods_img { position:relative }
.xl-menu-r1 .mod_goods_img a:before { content:''; position:absolute; width:25px; height:242px; top:0; left:-80px; overflow:hidden; background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0))); background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform:skewX(-25deg); transform:skewX(-25deg) }
.xl-menu-r1 .mod_goods_img:hover a:before { -webkit-animation:aniBlink120 .4s ease-out forwards;
-moz-animation:aniBlink120 .4s ease-out forwards;
-o-animation:aniBlink120 .4s ease-out forwards;
animation:aniBlink120 .4s ease-out forwards
}
@-webkit-keyframes aniBlink120 { from {
left:-60px
}
to { left:265px }
}
@keyframes aniBlink120 { from {
left:-60px
}
to { left:150px }
}
@-webkit-keyframes aniBlink60 { from {
left:-30px
}
to { left:70px }
}
@keyframes aniBlink60 { from {
left:-30px
}
to { left:70px }
}
/*-----------------------导航结束----------------------------*/


/* CSS Document */